function dangKyNhanThuong() { 
    $.blockUI({ 
    	message:  '<h2 id="h2Message">Đang xử lý. Vui long đợi...</h2>', 
    	css: { 
        border: 'none', 
        padding: '15px', 
        backgroundColor: '#000', 
        '-webkit-border-radius': '10px', 
        '-moz-border-radius': '10px', 
        opacity: .5, 
        color: '#fff' 
    } });
    
    $.post( $( "#frmDangKyNhanThuong" ).attr('action'), $( "#frmDangKyNhanThuong" ).serialize())
    	.done(function( data ) {
    	
        if (data=='OK') {
        	$('#h2Message').html('Đăng ký thành công');
        	$( "#frmDangKyNhanThuong" ).replaceWith('<div class="alert alert-success">\
        				<button data-dismiss="alert" class="close">\
							&times;\
        				</button>\
        				<i class="icon-ok-sign"></i>\
        				<strong>Bạn đã đăng ký thành công. Thông tin của bạn đã được ghi nhận.\
					</div>');
        } else {
        	$( "#frmDangKyNhanThuong" ).replaceWith(data);
    	}
        $.unblockUI();
	});
}
var FormDangKyNhanThuong = function () {
	var runValidator1 = function () {
        var form1 = $('#frmDangKyNhanThuong');
        var errorHandler1 = $('.errorHandler', form1);
        
        $('#frmDangKyNhanThuong').validate({
            errorElement: "span", // contain the error msg in a span tag
            errorClass: 'help-block',
            errorPlacement: function (error, element) { // render error placement for each input type
                error.insertAfter(element);
            },
            ignore: "",
            rules: {
            	ho_ten: {
                    required: true
                },
                email: {
                    required: true,
                    email: true
                },
                dien_thoai: {
                    required: true
                }
            },
            messages: {
            	ho_ten: "Bạn vui lòng nhập vào họ tên",
            	email: {
                    required: "Bạn vui lòng nhập vào email liên hệ.",
                    email: "Email phải có định dạng như sau: name@domain.com"
                },
                dien_thoai: "Bạn vui long nhập vào số điện thoại",
            },
            invalidHandler: function (event, validator) { //display error alert on form submit
                errorHandler1.show();
            },
            highlight: function (element) {
                $(element).closest('.help-block').removeClass('valid');
                // display OK icon
                $(element).closest('.form-group').removeClass('has-success').addClass('has-error').find('.symbol').removeClass('ok').addClass('required');
                // add the Bootstrap error class to the control group
            },
            unhighlight: function (element) { // revert the change done by hightlight
                $(element).closest('.form-group').removeClass('has-error');
                // set error class to the control group
            },
            success: function (label, element) {
                label.addClass('help-block valid');
                // mark the current input as valid and display OK icon
                $(element).closest('.form-group').removeClass('has-error').addClass('has-success').find('.symbol').removeClass('required').addClass('ok');
            },
            submitHandler: function (form) {
	            errorHandler1.hide();
	            dangKyNhanThuong();
            }
        });
    };
    return {
        //main function to initiate template pages
        init: function () {
        	runValidator1();
        }
    };
}();
$(document).ready(function() {
	FormDangKyNhanThuong.init();
});